<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String basePath = request.getContextPath();
    request.setAttribute("BasePath", basePath);
%>
<html>
<head>
    <title>商品详情</title>
    <link rel="stylesheet" href="${basePath}/css/weui/weui.min.css">
    <link rel="stylesheet" href="${basePath}/css/scss/product.css">
    <!-- body 最后 -->
    <script>
        ! function(N, M) { function L() { var a = I.getBoundingClientRect().width; a / F > 2000 && (a = 2000 * F); var d = a / 10; I.style.fontSize = d + "px", D.rem = N.rem = d } var K, J = N.document, I = J.documentElement, H = J.querySelector('meta[name="viewport"]'), G = J.querySelector('meta[name="flexible"]'), F = 0, E = 0, D = M.flexible || (M.flexible = {}); if(H) { console.warn("将根据已有的meta标签来设置缩放比例"); var C = H.getAttribute("content").match(/initial\-scale=([\d\.]+)/); C && (E = parseFloat(C[1]), F = parseInt(1 / E)) } else { if(G) { var B = G.getAttribute("content"); if(B) { var A = B.match(/initial\-dpr=([\d\.]+)/), z = B.match(/maximum\-dpr=([\d\.]+)/); A && (F = parseFloat(A[1]), E = parseFloat((1 / F).toFixed(2))), z && (F = parseFloat(z[1]), E = parseFloat((1 / F).toFixed(2))) } } } if(!F && !E) { var y = N.navigator.userAgent, x = !y.match(/android/gi), w = x && !!y.match(/OS 9_3/), v = N.devicePixelRatio; F = x && !w ? v >= 3 && (!F || F >= 3) ? 3 : v >= 2 && (!F || F >= 2) ? 2 : 1 : 1, E = 1 / F } if(I.setAttribute("data-dpr", F), !H) { if(H = J.createElement("meta"), H.setAttribute("name", "viewport"), H.setAttribute("content", "initial-scale=" + E + ", maximum-scale=" + E + ", minimum-scale=" + E + ", user-scalable=no"), I.firstElementChild) { I.firstElementChild.appendChild(H) } else { var u = J.createElement("div"); u.appendChild(H), J.write(u.innerHTML) } } N.addEventListener("resize", function() { clearTimeout(K), K = setTimeout(L, 300) }, !1), N.addEventListener("pageshow", function(b) { b.persisted && (clearTimeout(K), K = setTimeout(L, 300)) }, !1), "complete" === J.readyState ? J.body.style.fontSize = 12 * F + "px" : J.addEventListener("DOMContentLoaded", function() { J.body.style.fontSize = 12 * F + "px" }, !1), L(), D.dpr = N.dpr = F, D.refreshRem = L, D.rem2px = function(d) { var c = parseFloat(d) * this.rem; return "string" == typeof d && d.match(/rem$/) && (c += "px"), c }, D.px2rem = function(d) { var c = parseFloat(d) / this.rem; return "string" == typeof d && d.match(/px$/) && (c += "rem"), c } }(window, window.lib || (window.lib = {}));
    </script>
    <script>
        var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { webKit: u.indexOf('AppleWebKit') > -1, ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, weixin: u.indexOf('MicroMessenger') > -1, txnews: u.indexOf('qqnews') > -1, sinawb: u.indexOf('weibo') > -1, mqq: u.indexOf('QQ') > -1 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() }; var html = "@font-face {font-family: 'HY QIHEI35';src: url('qiheiBold.ttf');}"; var dHtml = document.createElement("style"); dHtml.innerHTML = html; if(browser.versions.android) { document.getElementsByTagName("head")[0].appendChild(dHtml); }
    </script>
</head>
<body>
<div class="img-box">
    <img src="${bean.imageFile}" width="100%">
</div>
<div class="title">
    <div class="content left">
        <div class="name">${bean.name}</div>
        <div class="detail">主要针对常见肿瘤、心脑血管</div>
    </div>
    <div class="content right">
        <div class="price basePrice">￥${bean.basePrice}</div>
        <div class="price salePrice">￥${bean.salePrice}</div>
    </div>
</div>
<div class="institutionName">
    ${bean.institutionName}
</div>

<div class="description">
    ${bean.description}
</div>

<div class="bottom-toolbar">
    <div class="fav">
        <p>
            <img src="${BasePath}/images/h5/kefu.jpg">
            <span>客服</span>
        </p>
    </div>
    <div class="fav">
       <p>
           <img src="${BasePath}/images/h5/fav.jpg">
           <span>收藏</span>
       </p>
    </div>
    <div class="buy" onclick="javascrip:localhost.href='yitian://buyProductById/new?productId=${bean.id}'">立即购买</div>
</div>
</body>
</html>
